<template>
  <view>
    <!-- <picker-view
      :value="value"
      :indicator-style="indicatorStyle"
      @change="bindChange"
      class="picker-view"
    >
      <picker-view-column>
        <view class="item" v-for="(item, index) in provinceList" :key="index">{{
          item.name
        }}</view>
      </picker-view-column>
      <picker-view-column>
        <view class="item" v-for="(item, index) in cityList" :key="index">{{
          item.name
        }}</view>
      </picker-view-column>
      <picker-view-column v-if="column == 3">
        <view class="item" v-for="(item, index) in areaList" :key="index">{{
          item.name
        }}</view>
      </picker-view-column>
    </picker-view> -->
  </view>
</template>
<script lang="ts" setup>
import {ref,onMounted} from 'vue'
import addressList from './cityData'
onMounted(()=>{
    console.log('value',addressList);

})
const indicatorStyle=ref('height: 50px;')
// const value=ref([])

const bindChange=(e)=>{
    console.log(e);
    
}
</script>
<style scoped lang="scss">
</style>
